<div class="max-h-80 overflow-x-hidden p-5">
    @foreach ($messages as $message)
        <div class="overflow-x-auto mt-3">
            <div class="min-w-full bg-gray-50 border border-gray-200 flex justify-between p-2">
                <div>{{$message->user->name}}</div><div>{{$message->created_at}}</div>
            </div>
            <div class="p-2 border border-gray-200 border-t-0">
                {{$message->message}}
            </div>
        </div>
    @endforeach
</div>
